<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>编程题目界面</title>
    <link rel="stylesheet" href="../static/css/do_ques.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/codemirror.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/theme/monokai.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/addon/hint/show-hint.min.css">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/codemirror.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/mode/clike/clike.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/addon/hint/show-hint.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/addon/hint/anyword-hint.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/addon/edit/closebrackets.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/addon/edit/matchbrackets.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head>
<body>
    <div class="container">
        <header>
            <nav>
                <button class="back-btn">←</button>
                <span>题库</span>
                <button class="nav-btn"><</button>
                <button class="nav-btn">></button>
                <button class="nav-btn">⚙</button>
            </nav>
            <div class="actions">
                <button class="action-btn">运行</button>
                <button class="action-btn green">提交</button>
                <button class="action-btn">复制</button>
            </div>
            <div class="user-actions">
                <button class="user-btn">注册</button>
                <span>或</span>
                <button class="user-btn">登录</button>
                <button class="plus-btn">Plus会员</button>
            </div>
        </header>
        <main>
            <div class="problem-description">
                <h2>1. 两数之和</h2>
                <div class="tags">
                    <span class="tag">简单</span>
                    <span class="tag">相关标签</span>
                    <span class="tag">相关企业</span>
                    <span class="tag">提示</span>
                </div>
                <div class="question-description">
                    <p>给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。</p>
                    <p>你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。</p>
                    <p>你可以按任意顺序返回答案。</p>
                    <h3>示例 1:</h3>
                    <pre>
    输入：nums = [2,7,11,15], target = 9
    输出：[0,1]
    解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。
                    </pre>
                </div>
            </div>
            <div class="code-editor">
                <div class="editor-header">
                    <span>代码</span>
                    <select id="language-select">
                        <option value="text/x-c++src">C++</option>
                    </select>
                    <span>智能模式</span>
                </div>
                <textarea id="code-area">
class Solution {
public:
    vector<int> twoSum(vector<int>& nums, int target) {
        
    }
};
                </textarea>
            </div>
        </main>
        <div class="result-area">
            <h3>执行结果：</h3>
            <pre id="result-display"></pre>
        </div>
    </div>
    <script src="../static/js/do_ques.js"></script>
</body>
</html>